import React, {Component} from 'react';
import {Text, View, StyleSheet} from 'react-native';

export default class FlexDirection extends Component {
  render() {
    return (
      <View>
        <Text> 主轴方向 </Text>
        <View>
          <Text>flexDirection: 'column'(默认)</Text>
          <View style={[styles.container]}>
            <Text>刘备</Text>
            <Text>关羽</Text>
            <Text>张飞</Text>
          </View>
        </View>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    height: 150,
    margin: 10,
    borderWidth: 1,
    borderColor: '#ddd',
  },
});
